layui.use(['table','layer',"form"],function(){
       var layer = parent.layer === undefined ? layui.layer : top.layer,
        $ = layui.jquery,
        table = layui.table;
    //用户列表展示
    var  tableIns = table.render({
        id : "userTable",
        elem: '#userList',
        url : ctx+'/user/list',
        cellMinWidth : 95,
        page : true,
        height : "full-125",
        limits : [10,20,30,40,50],
        limit : 10,
        toolbar: "#toolbarDemo",
        cols : [[
            {type: "checkbox", fixed:"left", width:50},
            {field: "id", title:'编号',sort:"true", fixed: 'left'},
            {field: 'userName', title: '用户名', minWidth:50, align:"center"},
            {field: 'trueName', title: '真实姓名', align:'center'},
            {field: 'email', title: '用户邮箱', minWidth:100, align:'center'},
            {field: 'phone', title: '用户号码', minWidth:100, align:'center'},
            {field: 'createDate', title: '创建时间', align:'center',minWidth:150},
            {field: 'updateDate', title: '更新时间', align:'center',minWidth:150},
            {title: '操作', minWidth:150, templet:'#userListBar',fixed:"right",align:"center"}
        ]]
    });


    // // 多条件搜索
    $(".search_btn").click(function () {
        tableIns.reload({

            where:{
                userName:$("input[name='userName']").val(),// 用户名
                email:$("input[name='email']").val(),// 邮箱
                phone:$("input[name='phone']").val()    //手机号
            }
            ,page:{
                curr:1
            }
        });
    });
    //
    //
    // 头工具栏工具栏
    table.on('toolbar(users)',function (data) {
        if (data.event == "add") {
            //添加用户
            openAddOrUpdateUserDialog();
        } else if (data.event == "del") {
            //删除用户
            var checkStatus = table .checkStatus(data.config.id);
            console.log(checkStatus);
                //删除多个用户记录
            deleteUsers(checkStatus.data);
        }
    });


    // 行工具栏事件
    table.on('tool(users)',function (data) {
        if (data.event == "edit") {
            //更新用户
            openAddOrUpdateUserDialog(data.data.id)
        } else if (data.event == 'del') {
            //删除单条用户记录
            deleteUser(data.data.id);
        }
    });

    function deleteUser(id) {
        console.log(id);
        layer.confirm("确定删除选中的记录",{icon:3,title:"用户管理"},function (index) {
            layer.close(index);
            // ids=10&ids=20&ids=30
            // var ids="ids=";
            // for(var i=0;i<userData.length;i++){
            //     if(i<userData.length-1){
            //         ids=ids+userData[i].id+"&ids=";
            //     }else{
            //         ids=ids+userData[i].id;
            //     }
            // }
            $.ajax({
                type:"post",
                url:ctx+"/user/delete",
                data:{
                    ids: id
                },
                //data:"{'ids' :  ["+  id + " ]  }",
                dataType:"json",
                success:function (result) {
                    if(result.code==200){
                        tableIns.reload();
                    }else{
                        layer.msg(result.msg,{icon:5});
                    }
                }
            })



        })
    }

    //
    //
    //
    function deleteUsers(userData){
        /**
         * 批量删除
         *   datas:选择的待删除记录数组
         */
        if(userData.length == 0){
            layer.msg("请选择待删除记录!",{iocn:5});
            return;
        }
        layer.confirm("确定删除选中的记录",{icon:3,title:"用户管理"},function (index) {
            layer.close(index);
            // ids=10&ids=20&ids=30
            var ids="ids=";
            for(var i=0;i<userData.length;i++){
                if(i<userData.length-1){
                    ids=ids+userData[i].id+"&ids=";
                }else{
                    ids=ids+userData[i].id;
                }
            }
            $.ajax({
                type:"post",
                url:ctx+"/user/delete",
                data:ids,
                dataType:"json",
                success:function (result) {
                    if(result.code==200){
                        tableIns.reload();
                    }else{
                        layer.msg(result.msg);
                    }
                }
            })



        })
    }
    //
    // table.on('tool(users)',function (obj) {
    //     var layEvent =obj.event;
    //     if(layEvent === "edit"){
    //         openAddOrUpdateUserDialog(obj.data.id);
    //     }else if(layEvent === "del"){
    //         layer.confirm("确认删除当前记录?",{icon: 3, title: "用户管理"},function (index) {
    //             $.post(ctx+"/user/delete",{ids:obj.data.id},function (data) {
    //                 if(data.code==200){
    //                     layer.msg("删除成功");
    //                     tableIns.reload();
    //                 }else{
    //                     layer.msg(data.msg);
    //                 }
    //             })
    //         })
    //     }
    // });
    //
    //
    function openAddOrUpdateUserDialog(id) {
        var title="用户管理-用户添加";
        var url=ctx+"/user/toAddOrUpdateUserPage";
        //判断id是否为空；如果为空，则为添加操作
        if (id != null && id != '') {
            title = "用户管理-更新用户";
            url += "?id="+id;   //传递主键，查询数据
        }
        layui.layer.open({
            title:title,
            type:2,
            area:["700px","500px"],
            maxmin:true,
            content:url
        })
    }




});
